<template>
    <!-- 在聊天界面显示时间的组件 -->
    <div class="message-time">
        {{ proxy.Utils.formatDate(data.sendTime) }}
    </div>
</template>

<script setup>
import { ref, reactive, getCurrentInstance, nextTick, watch } from "vue"
import { useRoute, useRouter } from "vue-router";
const { proxy } = getCurrentInstance();
const route = useRoute();
const router = useRouter();

const props = defineProps({
    data: {
        type: Object,
        default: {}
    },
});
</script>

<style lang="scss" scoped>
.message-time {
    background: #dadada;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    padding: 2px 5px;
    border-radius: 3px;
    margin: 10px 0;
}
</style>
